import Refer from "./Refer";

export const metadata = {
  title: "功能强大的在线 JSON 工具使用教程",
  keywords: "在线JSON工具,JSON格式化教程,JSON验证方法,JSON可视化工具,JSON比较工具,JSONPath教程,jq命令教程,JSON转换工具",
  description:
    "JSON For You在线JSON工具教程：详细讲解JSON格式化、验证、可视化、比较等功能的使用方法，帮助开发者快速掌握JSON数据处理技巧，提升工作效率。",
};

# JSON For You 使用教程

JSON For You 是一个强大的在线 JSON 编辑器和可视化工具箱，旨在最大限度地提升您处理和浏览 JSON 数据的效率。它不仅支持基础的 JSON 校验、格式化、压缩等功能，还提供 graph 和 table 两种功能丰富的可视化能力。本教程将详细介绍各项功能，帮助您快速上手，提升工作效率。

<Refer disableHeading={true} />

## 其他功能

JSON For You 充分考虑用户的需求，还提供了以下功能：

- 拖拽上传：左右两侧编辑器都支持直接拖拽文件上传。

  <img src="/example/drag-drop.webp" alt="拖拽上传" style={{ marginBottom: 10 }} />

- 展示 JSON path：光标停留在左侧编辑器上时，会在底部状态栏展示当前光标所在的 JSON path。

  <img src="/example/json-path.webp" alt="展示 JSON path" style={{ marginBottom: 10 }} />

- JSON 解析错误提示：当 JSON 格式错误时，会在底部状态栏展示错误提示，点击错误信息的话，光标会定位到编辑器中的错误位置。

  <img src="/example/validate-in-tutorial.webp" alt="校验 JSON" style={{ marginBottom: 10 }} />
